
<style type="text/css">
  
.tel-num-div {
  margin-left: 10px;
}

.header-div {
  height: 100px;
}

.tel-num-font-style {
  font-size: 24px;
  font-weight: bold;
}


.nav-panel {
  height: 50px;
  background-color: #009FE9;
}

.nav-bar-panel {
  height: 100%;
}

.nav-bar {
  height: 100%;
}

.nav-bar>li {
  height: 100%;
}

.nav-bar>li>a {
  height: 100%;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}

</style>

<div id="header">
  <div class="am-g">
      <div class="am-u-md-2 header-div">&nbsp;</div>
      <div class="am-u-md-6 header-div vertical-mid title-font-style">
        {$webconfig['webname']}
      </div>
      <div class="am-u-md-4 header-div vertical-mid">
        <div class="inline-div">
          <img class="inline-div" src="__PUBLIC__/img/tel.png">
        </div>
        <div class="inline-div tel-num-div">
          <div>服务热线：</div>
          <div class="tel-num-font-style" style="margin-top: -10px">{$webconfig['tel_zx1']}</div>
        </div>
      </div>
  </div>

  <div class="am-g nav-panel">
    <div class="am-u-md-2">&nbsp;</div>
    <div class="am-u-md-10 nav-bar-panel">
      <ul class="nav-bar am-nav am-nav-pills">
        <li class="<?php if($activeArr['indexActive']) echo 'am-active'; ?>"><a href="{:U('Index/index')}">首页</a></li>
        <li class="<?php if($activeArr['aboutUsActive']) echo 'am-active'; ?>"><a href="{:U('Index/about')}">关于我们</a></li>
        <li class="<?php if($activeArr['productActive']) echo 'am-active'; ?>"><a href="{:U('Index/product')}">产品展示</a></li>
        <li class="<?php if($activeArr['newsActive']) echo 'am-active'; ?>"><a href="{:U('Index/news')}">新闻资讯</a></li>
        <li class="<?php if($activeArr['telUsActive']) echo 'am-active'; ?>"><a href="{:U('Index/telus')}">联系我们</a></li>
      </ul>
    </div>
  </div>
</div>

